<div class="scroll_top">
	<i class="xi-arrow-up"></i>
</div>
<header>
	<div class="top">
    	<a class="logo" href="/index.php"><img src="/images/logo.png" /></a>
        <div class="ban"><img src="/images/h_banner.png" /></div>
    </div>
    <div class="middle">
    	<div class="search">
            <input type="text" placeholder="비디오검색" />
            <i class="xi-search"></i>
        </div>
    </div>
    <div class="bottom">
    	<ul class="menu">
            <li>
                <a href="javascript:alert('준비중입니다!');">
                	<div class="icon">
                        <img class="on" src="/images/icon_a_on.png" />
                        <img class="off" src="/images/icon_a.png" />
                    </div>
                    <p>시작페이지</p>
                </a>
            </li>
            <li>
                <a href="" id="collect">
                	<div class="icon">
                        <img class="on" src="/images/icon_b_on.png" />
                        <img class="off" src="/images/icon_b.png" />
                    </div>
                    <p>즐겨찾기</p>
                </a>
            </li>
            <li>
                <a href="/contents/record.php">
                	<div class="icon">
                        <img class="on" src="/images/icon_c_on.png" />
                        <img class="off" src="/images/icon_c.png" />
                    </div>
                    <p>시청기록</p>
                </a>
            </li>
            <li>
                <a href="/contents/ranking.php">
                	<div class="icon">
                        <img class="on" src="/images/icon_d_on.png" />
                        <img class="off" src="/images/icon_d.png" />
                    </div>
                    <p>일하자랭킹</p>
                </a>
            </li>
        </ul>
    </div>
</header>
<div class="gnb_line"></div>
<ul class="gnb">
    <li>
        <a href="/contents/list.php">
        	<div class="icon">
            <img class="on" src="/images/icon_01_on.png" />
            <img class="off" src="/images/icon_01.png" />
            </div>
            <p>드라마</p>
        </a>
    </li>
    <li>
        <a href="/contents/list.php">
        	<div class="icon">
            <img class="on" src="/images/icon_02_on.png" />
            <img class="off" src="/images/icon_02.png" />
            </div>
            <p>예능</p>
        </a>
    </li>
    <li>
        <a href="/contents/list.php">
        	<div class="icon">
            <img class="on" src="/images/icon_03_on.png" />
            <img class="off" src="/images/icon_03.png" />
            </div>
            <p>시사</p>
        </a>
    </li>
    <li>
        <a href="/contents/list.php">
        	<div class="icon">
            <img class="on" src="/images/icon_04_on.png" />
            <img class="off" src="/images/icon_04.png" />
            </div>
            <p>음악</p>
        </a>
    </li>
    <li>
        <a href="/contents/list.php">
        	<div class="icon">
            <img class="on" src="/images/icon_05_on.png" />
            <img class="off" src="/images/icon_05.png" />
            </div>
            <p>영화</p>
        </a>
    </li>
    <li>
        <a href="/contents/list.php">
        	<div class="icon">
            <img class="on" src="/images/icon_06_on.png" />
            <img class="off" src="/images/icon_06.png" />
            </div>
            <p>키타</p>
        </a>
    </li>
</ul>


























